<?php
$this->headScript()
    ->appendFile($this->APP_STATIC_SERVER.'/js/jquery.cycle/jquery.cycle.all.min.js');
?>
<style>
	.home_vips{
		
	}
	.home_vips .home_vips_nav{
	}
	.home_vips ul{
		margin :0px;
		padding: 0px;
	}
	.home_vips ul li{
		margin: 0px;
	}
	.home_vips ul li img{
		width: 283px;
		height: 150px;
		
	}
	.home_vips_image img{
		width: 283px;
		height: 150px;
		
	}
</style>

<?php 	
	$lang =  'vi_VN';
	switch($this->lang){
		case 'vi_VN': $lang=''; break;
		case 'en_US': $lang='_en'; break;
	}
?>
<div class="home_vips" id="home_vips" style="width:290px; margin-right: 10px; float:left;">
<?php  if(count($this->vips)): ?>	
	<?php foreach($this->vips as $item):?>
		<div class="home_vips_image" style=" overflow:hidden;">
			<img src="<?php echo $item["img_url"];?>">				
			<br>
			<font style="font-size: 16px; font-weight: bold;">
				<label><?php echo $item['vip_name'];?></label>
			</font>
			<br>
			<b><?php echo $this->translator("home_vips_positions","b2b"); ?>: </b><label><i><?php echo $item['vip_positions'.$lang];?></i></label>
			<br/><br>
			<font style="color: #898888;">
				<label><?php echo Tomato_Helper_Helper::substring($item["qoute".$lang],200);?></label>
			</font>
		</div>		
	<?php endforeach;?>
<?php  endif;  ?>
</div>
<!--div style="width:440px; float:left;">vips</div-->

<script type="text/javascript">
$(document).ready(function() {
    $('#home_vips')    
    .cycle({
        fx:     'fade',
        timeout: 5000,
        delay:  -1000
    });
});
</script>